<!--
    A hand of playing cards
-->
<link rel="import" href="card-element.html">
<element name="card-hand" attributes="cards">
  <template>
  <style>
    #hand card-card {
     display: inline-block;
     margin-right: -50%;
    }
  </style>
    <div id="hand">
    <template repeat="{{cards}}">
      <card-card value="{{value}}" suit="{{suit}}" faceup="{{faceup}}"></card-card>
    </template>
    </div>
  </template>
  <script>Polymer.register(this, {cards:[]});</script>
</element>
